<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link href="https://cdn.bootcss.com/twitter-bootstrap/3.0.1/css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
        <div class="container">
            <div class="row clearfix">
                <div class="col-md-12 column">
                    <h1 class="text-center">
                        新增预存款信息
                    </h1>
                    <h3 class="text-right text-success">
                        欢迎您:XXX
                        <#--<@shiro.principal property="name" />-->
                    </h3>

                        <div class="container">
                            <div class="row clearfix">
                                <div class="col-md-12 column">
                                    <div class="row clearfix">
                                        <div class="col-md-2 column">
                                        </div>
        <div class="col-md-6 column">
            <form class="form-horizontal" role="form" id="form">
                <#--<div class="form-group">-->
                    <#--<label for="itemId" class="col-sm-2 control-label">记账事项</label>-->
                    <#--<div class="col-sm-10">-->
                        <#--<select name="itemId" class="form-control" id="accountItem">-->
                            <#--<option value="0">请选择菜单</option>-->
                            <#--<#if itemList?exists>-->
                                <#--<#list itemList as item>-->
                                    <#--<option value="${item.id?if_exists}" >${item.content}</option>-->
                                    <#--&lt;#&ndash;<option value="${model.id?if_exists}" <#if menu.parentId== model.id>selected</#if>>${model.name}</option>&ndash;&gt;-->
                                <#--</#list>-->
                            <#--</#if>-->
                        <#--</select>-->
                    <#--</div>-->
                <#--</div>-->

                <div class="form-group">
                    <label for="type" class="col-sm-2 control-label">客户类型</label>
                    <div class="col-sm-10">
                        <select name="tid" class="form-control" id="type">
                            <option value="0">请选择菜单</option>
                            <#if clientTypeList?exists>
                                <#list clientTypeList as type>
                                    <option value="${type.tid?if_exists}"
                                    >${type.typeName}</option>
                                <#--<option value="${model.id?if_exists}" <#if menu.parentId== model.id>selected</#if>>${model.name}</option>-->
                                </#list>
                            </#if>
                        </select>
                    </div>
                </div>


                <div class="form-group">
                    <label for="name" class="col-sm-2 control-label">客户名称</label>
                    <div class="col-sm-10">
                        <select id="name" name="nid" class="form-control">
                            <option value="-1">请选择</option>
                        </select>
                    </div>
                </div>


                <div class="form-group">
                    <label for="clientPhone" class="col-sm-2 control-label">客户电话</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="clientPhone"
                        name="clientPhone"/>
                    </div>
                </div>

                <div class="form-group">
                    <label for="contact" class="col-sm-2 control-label">联系人</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="contact"
                               name="contact"/>
                    </div>
                </div>


                <div class="form-group">
                    <label for="operationDate" class="col-sm-2 control-label">预存时间</label>
                    <div class="col-sm-10">
                        <input type="date" class="form-control" id="operationDate"
                               name="operationDate"/>
                    </div>
                </div>



                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="button" class="btn btn-success"
                        onclick="accountSubmit()">提交</button>
                        <button type="button" class="btn btn-info"
                                onclick="history.back()">返回</button>
                    </div>
                </div>
            </form>
        </div>
            <div class="col-md-4 column">
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="button" class="btn btn-success"
                        onclick="location.href='/item/add-ui'">添加客户</button>
                    </div>
                </div>
            </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <script src="/static/js/jquery-1.8.0.min.js" ></script>
        <script>
            // 客户类型、名称二级联动
            $("#type").change(function () {
                //1.获得被选中的value值
                var tid= $(this).val();
                if(tid==0){
                    $("#name")[0].length=0;//让下拉框的长度为0
                    $("#name")[0].add(new Option("请选择菜单",-1));//Option(显示到标签对中的值,value值)
                    alert("请选择客户类型！");
                    return;
                }else{
                    //将deptId的值传给服务器，服务器进行查询
                    $.ajax({
                        url:"/name/getNames",
                        data:"tid="+tid,
                        type:"post",
                        dataType:"json",
                        success:function(rs){//rs用来接受返回的结果
                            $("#name")[0].length=0;//让下拉框的长度为0
                            for(var i=0;i<rs.length;i++){
                                $("#name")[0].add(new Option(rs[i].name,rs[i].nid));//Option(显示到标签对中的值,value值)
                            }
                        }
                    })
                }

            });



            //添加预存款信息
            function accountSubmit(){
                //1. 获取form表单中的全部内容
                var data = $("#form").serialize(); // 将携带name属性的表单项拼接为key=value&key=value..
                //2. 发送ajax请求到后台,并传递全部的参数.
                $.post(
                    "/prefund/add",
                    data,
                    function(result){
                        if(result.code == 0){
                            alert(result.msg)
                            location.href = "/prefund/list";
                        }
                    },
                    "json"
                );
            }
        </script>
    </body>
</html>